<!-- 收件人地址 -->
<template>
	<view class="p-2 bg-white  flex align-center" @click="click">
		<view class="flex align-center" v-if="typeStype==='list'">
			<!-- <u-image src="/static/address.png" width="16" height="22"></u-image> -->
			<view class="ml-2">
			   <view class="flex align-center">
			   	<view class="text-main font-28">{{item.name}}</view>
			   	<view class="text-light9 font-28 mx-2">{{item.phone}}</view>
			   </view>
			   <view class="text-light9 font-28">{{item.Area.province+item.Area.city+item.Area.region+item.detail}}</view>
			</view>
		</view>
		<view v-else class="flex align-center">
			
			<view class="ml-2">
			   <view class="flex align-center">
				    <!-- <u-image src="/static/address_s.png" width="18" height="14"></u-image> -->
			   	    <view class="text-main font-28 ml-1">{{item.name}}</view>
			   	    <view class="text-light9 font-28 mx-2">{{item.phone}}</view>
			   </view>
			   <view class="text-light9 font-28">{{item.location}}</view>
			</view>
		</view>
		<view v-if="typeStype==='list'" class="ml-auto">
			<u-icon name="arrow-right"></u-icon>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			item:Object,
			typeStype:{
				type:String,
				default:'list'
			}
		},
		methods:{
			click(){
				this.$emit('click')
			}
		}
	}
</script>

<style>
</style>